<!doctype html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Document</title>
</head>
<style>
	* {
		margin: 0;
	}

	body {
		background: #000;
	}

	.bg {
		height: 80vh;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
		background-attachment: fixed;
	}

	.black {
		height: 40vh;
	}

	body .bg:nth-of-type(1) {
		background-image: url('../../assets/img/公司.png');
	}

	body .bg:nth-of-type(2) {
		background-image: url('../../assets/img/公司.png');
	}

	body .bg:nth-of-type(3) {
		background-image: url('../../assets/img/公司.png');
	}
</style>

<body>
	<p class="black"></p>
	<div class="bg">1</div>
	<p class="black"></p>
	<div class="bg">2</div>
	<p class="black"></p>
	<div class="bg">3</div>
</body>

</html>